<!DOCTYPE html>
<html>
<head>
    <title>马上注册绑定A+妈妈会会员账号，尊享360°孕育礼遇</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <style>
        body{padding:0;margin:0;font-size: 15px;background-color: #F2F2F2;color:#333;}
        input,body{font-family:verdana}
        .ipt,.btn,.ipt .name,.btn-inner{display: inline-block;vertical-align: middle;}
        *{-webkit-tap-highlight-color: rgba(255,255,255,0);}
        input{-webkit-appearance:none}
        p{margin:0;padding:0;}
        a{color:#039;}
        .btn,.ipt{box-shadow: 0 1px 0 #fff}
        .toolbar{position:relative;font-size:16px;height: 45px;border-bottom: 1px solid ##06478A;line-height: 45px;
            background:-webkit-linear-gradient(top,#196FC6,#135AA4);
            background:-moz-linear-gradient(top,#196FC6,#135AA4);
            background:-ms-linear-gradient(top,#196FC6,#135AA4);
            background:-o-linear-gradient(top,#196FC6,#135AA4);
            background:linear-gradient(top,#196FC6,#135AA4);
            text-align: center;color: #fff;text-shadow:RGBA(0,0,0,.5) 0 1px 0;
            -webkit-box-shadow: 0 1px 0 #E4E5E6;
            -moz-box-shadow: 0 1px 0 #E4E5E6;
            -ms-box-shadow: 0 1px 0 #E4E5E6;
            -o-box-shadow: 0 1px 0 #E4E5E6;
            box-shadow: 0 1px 0 #E4E5E6
        }
        .btn{height: 41px;line-height: 41px;border:1px solid #B3B3B3;border-radius: 3px;
            background:-webkit-linear-gradient(top,#FDFDFD,#F0F0F0);
            background:-moz-linear-gradient(top,#FDFDFD,#F0F0F0);
            background:-ms-linear-gradient(top,#FDFDFD,#F0F0F0);
            background:-o-linear-gradient(top,#FDFDFD,#F0F0F0);
            background:linear-gradient(top,#FDFDFD,#F0F0F0);
            color: #333;text-decoration: none;text-align: center;width:161px;}
        .btn-hightlight{
            background:-webkit-linear-gradient(top,#40BF49,#0D9D22);
            background:-moz-linear-gradient(top,#40BF49,#0D9D22);
            background:-ms-linear-gradient(top,#40BF49,#0D9D22);
            background:-o-linear-gradient(top,#40BF49,#0D9D22);
            background:linear-gradient(top,#40BF49,#0D9D22);
            color: #fff;border-color:#008F01;width:298px}
        .btn-toolbar{position:absolute;right:8px;top:8px;line-height:0px;width:auto;height:28px;
            background:-webkit-linear-gradient(top,#2479CE,#0F5397);
            background:-moz-linear-gradient(top,#2479CE,#0F5397);
            background:-ms-linear-gradient(top,#2479CE,#0F5397);
            background:-o-linear-gradient(top,#2479CE,#0F5397);
            background:linear-gradient(top,#2479CE,#0F5397);
            color: #fff;border-color:#043566;box-shadow: 0 1px 0 #5B8EC2}
        .btn-toolbar .btn-inner{line-height: 28px;border-radius: 3px;font-size:12px;width:50px;border-top:1px solid #4D92D7;}
        .btn-disable{background: #CCC;border-color: #ccc;color:#999;cursor: default}
        .ipt{border:1px solid #B3B3B3;border-radius: 3px;background-color: #fff;line-height:0;position:relative;}
        .ipt .input{color:#52627F;font-size:14px;background-color: transparent;border:none;line-height:28px;padding:0 5px;margin:0;width:205px;outline:none!important;background:transparent!important;line-height:41px;border:0;position: relative;z-index:1;}
        .ipt .input:focus,
        .ipt .input:active{outline:none;background:transparent;}
        .ipt-inner{height:41px;display:inline-block;
            -webkit-box-shadow: 0 2px 3px RGBA(0,0,0,.08) inset;
            -moz-box-shadow: 0 2px 3px RGBA(0,0,0,.08) inset;
            -ms-box-shadow: 0 2px 3px RGBA(0,0,0,.08) inset;
            -o-box-shadow: 0 2px 3px RGBA(0,0,0,.08) inset;
            box-shadow: 0 2px 3px RGBA(0,0,0,.08) inset;
        }
        .ipt .name{width:74px;text-align: left;padding-left:9px;line-height: 41px;vertical-align: top;}
        .ipt .ico{position: absolute;right:8px;top:12px;z-index:5;}
        .ipt .placeholder{color:#ccc;position: absolute;line-height: 41px;left:90px;top:0;z-index:5;}
        .ipt-focus{border-color:#0066CC;}
        .ipt-err{border-color: #c00}
        .form .item{width:300px;text-align: left;margin: 10px auto}
        .captcha .ipt{margin-right: 10px;}
        .captcha .ipt .name{display:none;}
        .captcha .ipt .placeholder{left:9px;}
        .captcha .ipt .input{width:115px;}
        .info{padding-left:83px;color:#b3b3b3;line-height: normal;margin:8px 0 15px;font-size: 14px;text-align: left;left}
        .captcha .info{padding-left: 0;}
        .captcha .btn-disable{line-height: normal;font-size: 13px;line-height:1.4;padding-top: 4px;height: 37px}
        .account .ipt .name{width:50px;}
        .account .ipt .input{width:239px;font-size:17px;padding:0;font-weight:bold;-webkit-user-modify: read-write-plaintext-only;}
        .account .ipt .ico{right:0px;top:7px;background-color: #fff;border:5px solid #fff;border-left-width:2px;}
        .account .ipt .placeholder{left:62px;}
        .account .ipt .domain{line-height:41px;position:absolute;z-index:5;top:0;left:192px;font-size:17px;padding:0;font-weight:bold;color:#52627F}
        .password .ipt .name{width:50px;}
        .password .ipt .input{width:239px;font-size:17px;padding:0;font-weight:bold;}
        .password .ipt .placeholder{left:62px;}
        .password2 .ipt .name{width:70px;}
        .password2 .ipt .input{width:219px;font-size:17px;padding:0;font-weight:bold;}
        .password2 .ipt .placeholder{left:82px;}
        .txt-info{color: #b3b3b3}
        .txt-err{color: #c00}
        .msgbox{border-radius:4px;outline:none;width:484px;position:absolute;z-index:999;left:0;top:0;
            -webkit-box-shadow:0 0 10px rgba(0,0,0,.75);
            -moz-box-shadow:0 0 10px rgba(0,0,0,.75);
            -ms-box-shadow:0 0 10px rgba(0,0,0,.75);
            -o-box-shadow:0 0 10px rgba(0,0,0,.75);
            box-shadow:0 0 10px rgba(0,0,0,.75);background:#fff}
        .msgbox-bd{color:#333}
        .msgbox-simple{width:308px}
        .msgbox-simple .msgbox-hd{line-height:normal;padding:20px 0 10px;text-align:center;font-size:20px;color:#333}
        .msgbox-simple .msgbox-bd{color:#999;padding:0 26px;line-height: 1.66}
        .msgbox-simple .msgbox-ft{text-align:center;padding-left:26px}
        .msgbox-simple .msgbox-ft .btn{margin:10px 16px 20px 0}
        .mask{background: RGBA(0,0,0,.75);position:absolute;z-index:998;left:0;top:0;bottom:0;right:0;width:100%;height:100%}
        .QA {font-size: 14px}
        .QA .cont,
        .QA .title .inner{width:235px;margin:0 auto;position: relative;padding-left: 30px;}
        .QA .title{background-color: #dedede;border-top:1px solid #D4D4D4;line-height: 0;margin-top: -1px}
        .QA .title .inner{height: 45px;line-height: 45px;}
        .QA .dot{position:absolute;width: 22px;height: 22px;border-radius: 20px;line-height: 22px;color:#fff;font-size:12px;text-align: center;background-color: #DE6E4B;top:11px;left: 0}
        .QA .cont{color:#52627F;line-height: 27px;padding-top: 7px;margin-bottom: 10px;}
        .QA .cont .dot{top:9px;background-color: #589C66}
        .ico{display:inline-block;width:16px;height:15px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url('');}
        .ybx-popBox{
            position: absolute;
            top: 81px;
            left: 10px;
            right: 10px;
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
        }
        .ybx-popBox-p{
            padding-left: 30px;
            padding-right: 30px;
        }
        .ybx-popBox-title{
            color: #333333;
            font-size: 18px;
            text-align: center;
            margin-top: 18px;
            margin-bottom: 16px;
        }
        .ybx-popBox-content{
            border-top: 1px solid #cccccc;
            text-align: center;
            padding-top: 16px;
            line-height: 27px;
            font-size: 15px;
        }
        .ybx-popBox-btn{
            display:-moz-box;
            display:-webkit-box;
            display:box;
            width: 100%;
            margin-top: 9px;
            margin-bottom: 9px;
            overflow: hidden;
        }
        .ybx-popBox-submit, .ybx-popBox-cancel{
            height: 27px;
            line-height: 27px;
            text-align: center;
            border-radius: 4px;
            font-size: 12px;
            display: block;
            text-decoration: none;
            outline: none;
        }
        .ybx-popBox-submit{
            border: 1px solid #098e16;
            color: #fff;
            background:-webkit-linear-gradient(top,#3fbf48,#0da021);
            background:-moz-linear-gradient(top,#3fbf48,#0da021);
            background:-ms-linear-gradient(top,#3fbf48,#0da021);
            background:-o-linear-gradient(top,#3fbf48,#0da021);
            background:linear-gradient(top,#3fbf48,#0da021);
            -moz-box-flex:1.0;
            -webkit-box-flex:1.0;
            box-flex:1.0;
            margin-left: 10px;
            margin-right: 4px;
        }
        .ybx-popBox-cancel{
            border: 1px solid #b3b3b3;
            color: #666666;
            background:-webkit-linear-gradient(top,#FDFDFD,#F0F0F0);
            background:-moz-linear-gradient(top,#FDFDFD,#F0F0F0);
            background:-ms-linear-gradient(top,#FDFDFD,#F0F0F0);
            background:-o-linear-gradient(top,#FDFDFD,#F0F0F0);
            background:linear-gradient(top,#FDFDFD,#F0F0F0);
            -moz-box-flex:2.0;
            -webkit-box-flex:2.0;
            box-flex:2.0;
            margin-left: 4px;
            margin-right: 10px;
        }
        a{ text-decoration: none; color:#4a4a4a; outline:none;}
        a:hover{text-decoration:none; color:#666; outline:none;}
        table{margin-bottom: 10px;border-collapse: collapse;display: table;width: 100%!important;}
        .main{max-width: 640px;margin:0 auto;position: relative;word-break:break-all;overflow:hidden;}
        .detailTit{border-left:5px solid #c92621;margin-top:10px;padding:0 12px;}
        .detailInfBox * {max-width: 100%!important;box-sizing: border-box!important;-webkit-box-sizing: border-box!important;word-wrap: break-word!important;}
        .detailInfBox{padding:12px;}
        .detailInfBox p img{max-width:100%;}
        .detailInf{line-height:24px;margin-top:12px;margin-bottom:60px;word-break:break-all;word-wrap:break-word;}
        .detailInfBox li {word-wrap: break-word;}
    </style>
</head>
<body>
<header class="detailTit">
    <h2 style="font-size:20px;">马上注册绑定A+妈妈会会员账号，尊享360°孕育礼遇</h2>
    <p>2015-11-29 19:37:46</p>
</header>
<!-- 注册表单 -->
<div style="display:" id="vcode_div">
    <div class="toolbar">注册网易免费邮箱 <a href="javascript:void(0)" onclick="cancelRed()" class="btn btn-toolbar"><span class="btn-inner">取消</span></a></div>
    <div class="form">
        <!-- 项目 -->
        <div class="item account">
            <!-- 输入框 -->
            <div class="ipt" id="gDiv1" onclick="setFocus(1)">
                <div class="ipt-inner">
                    <span class="name">手机号</span><input id="input_1" type="text" onblur="checkMobileService(0)" onkeydown="showDomain()" value="" class="input"><span class="domain" id="domain_placeholder" style="display:none">@163.com</span>
                </div>
                <span class="placeholder" id="placeholder_1">手机号码就是您的邮箱帐号</span>
                <b class="ico" style="display:none" id="successTick_mobile"></b>
            </div>
            <!-- 提示 -->
            <div class="info txt-err" id="warn_span1"></div>
        </div>
        <div class="item captcha" style="text-align:left;">
            <div class="ipt" id="gDiv5" onclick="setFocus(5)">
                <div class="ipt-inner">
                    <span class="name">输入图片验证码</span>
                    <input id="input_5" type="text" class="input" size="40">
                </div>
                <span class="placeholder" id="placeholder_5">输入图片验证码</span>
            </div><img id="vc_img" src="https://ssl.mail.163.com/mobilemail/verifyCodeImg.jsp" class="vcode_img" alt="验证码图片" onclick="alter_img()" style="vertical-align: middle;"/>
            <!-- 提示 -->
            <div class="info txt-err" id="warn_span5"></div>
        </div>
        <div class="item captcha">
            <div class="ipt" id="gDiv4" onclick="setFocus(4)">
                <div class="ipt-inner">
                    <span class="name">请输入验证码</span>
                    <input id="input_4" type="text" class="input">
                </div>
                <span class="placeholder" id="placeholder_4">请输入验证码</span>
                <b class="ico" style="display:none" id="successTick_vcode"></b>
            </div><a href="javascript:void(0);" class="btn" style="display:" onclick="checkMobileAndSend(1);return false;" id="retryBtn">获取短信验证码</a><a href="javascript:void(0);" id="counterBtn" onclick="getVerifyCodeAgain();return false;" class="btn" style="display:none">重新获得验证码</a>
            <!-- 提示 -->
            <div class="info txt-err" id="warn_span4"></div>
        </div>
        <div class="item password2">
            <!-- 输入框 -->
            <div class="ipt" id="gDiv2" onclick="setFocus(2)">
                <div class="ipt-inner">
                    <span class="name">密码</span><input id="input_2" type="password" class="input" />
                </div>
                <span class="placeholder" id="placeholder_2">6～16个字符，区分大小写</span>
                <b class="ico" style="display:none" id="successTick_passwd"></b>
            </div>
            <!-- 提示 -->
            <div class="info txt-err" id="warn_span2"></div>
        </div>
        <div class="item password2">
            <div class="ipt" id="gDiv3" onclick="setFocus(3)">
                <div class="ipt-inner">
                    <span class="name">确认密码</span><input id="input_3" type="password" class="input">
                </div>
                <span class="placeholder" id="placeholder_3">确认密码</span>
                <b class="ico" style="display:none" id="successTick_passwd2"></b>
            </div>
            <!-- 提示 -->
            <div class="info txt-err" id="warn_span3"></div>
        </div>
        <div class="item submit"><a href="javascript:void(0);" id="submitBtn" onclick="verifyCode();return false;" class="btn btn-hightlight">提交</a></div>
        <div class="item link">您还可以 <a href="http://reg.email.163.com/unireg/call.do?cmd=register.entrance&flow=m_main&from=m_wapreg">注册字母邮箱</a></div>
    </div>
</div>
<!-- 注册表单 -->
<div id="RegHelp" style="display:block;">
    <div class="toolbar">手机注册相关帮助 <a href="javascript:void(0);" class="btn btn-toolbar"><span class="btn-inner" onclick="showDiv(1)">关闭</span></a></div>
    <div class="QA">
        <div class="title"><div class="inner"><span class="dot">问</span><p>手机号码已激活应该怎么办？</p></div></div>
        <div class="cont"><span class="dot">答</span>
            <p>您可以直接用该帐号的密码登录；如果忘记密码，请到PC端帐号修复中心（<a href="http://pw.163.com" target="_blank">http://pw.163.com</a>）找回；</p>
            <p>如果您需要重新激活该手机号码，请到PC端的手机号码邮箱官网（<a href="http://shouji.163.com" target="_blank">http://shouji.163.com</a>)重新激活；</p>
        </div>
        <div class="title"><div class="inner"><span class="dot">问</span><p>激活手机号码邮箱是免费的吗？</p></div></div>
        <div class="cont"><span class="dot">答</span>
            <p>激活手机号码邮箱完全免费，网易邮箱同时承诺保障您的隐私权益，不会泄露您的手机号码，请放心使用。</p>
        </div>
    </div>
</div>

<!-- 遮罩 -->
<div class="mask" id="networkerr_mask" style="display:none">
    <div class="msgbox msgbox-simple" id="networkerr_mask1" style="display:none;left:50%;top:20%;margin-left:-154px"><!-- 弹框的定位不需要js计算 -->
        <div class="msgbox-hd">注册不成功</div>
        <div class="msgbox-bd fn-alignCenter">
            <p>可能由于网络原因，邮箱注册不成功，建议您稍后再尝试</p>
        </div>
        <div class="msgbox-ft fn-alignCenter"><div class="btn btn-main" onclick="document.getElementById('networkerr_mask').style.display='none'"><span class="btn-inner">确&nbsp;&nbsp;定</span></div></div>
    </div>
    <div class="ybx-popBox" style="display:none;" id="existhelp">
        <div class="ybx-popBox-p">
            <p class="ybx-popBox-title">是否重新激活</p>
            <div class="ybx-popBox-content">
                <p>重新激活后，</p>
                <p id="exist_id"></p>
                <p style="color: #cc0000;">帐号原有的数据将会被清空。</p>
            </div>
        </div>
        <div class="ybx-popBox-btn">
            <a class="ybx-popBox-submit" onclick="checkMobileAndSend(2);showDiv(1)">确定，现在获取验证码</a>
            <a class="ybx-popBox-cancel" onclick="showDiv(1)">&nbsp;&nbsp;&nbsp;取消&nbsp;&nbsp;&nbsp;</a>
        </div>
    </div>
</div>
</body>
</html>
